<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>签到</title>
    <link rel="stylesheet" th:href="@{/sign-in/css/qiandao_style.css}">
</head>
<body>
<div class="qiandao-warp">
    <div class="qiandap-box">
        <div class="qiandao-con clear">
            <div class="qiandao-left">
                <div class="qiandao-left-top clear">
                    <div class="current-date">2016年1月6日</div>
                    <div class="qiandao-history qiandao-tran qiandao-radius" id="js-qiandao-history">我的签到</div>
                </div>
                <div class="qiandao-main" id="js-qiandao-main">
                    <ul class="qiandao-list" id="js-qiandao-list">
                    </ul>
                </div>
            </div>
            <div class="qiandao-right">
                <div class="qiandao-top">
                    <div class="just-qiandao qiandao-sprits" id="js-just-qiandao">
                    </div>
                    <p class="qiandao-notic">签到领积分</p>
                </div>
                <div class="qiandao-bottom">
                    <div class="qiandao-rule-list">
                        <h4>签到规则</h4>
                        <p>每天签到获得5积分奖励</p>
                        <p>连续签到7天将获得10积分奖励</p>
                        <p>连续签到15天将获得15积分奖励</p>
                        <p>当月满签将获得30积分奖励</p>
                    </div>
                    <!--<div class="qiandao-rule-list">
                        <h4>其他说明</h4>
                        <p>如果中间有一天间断未签到的，重先开始计算连续签到时间。</p>
                        <p>连续签到获得奖励后分享到QQ空间、微信朋友圈后再获得一次奖励，每天只限分享一次。</p>
                        <p>获得的奖励不能直接提现，只能投资后转让变现。</p>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 我的签到 layer start -->
<div class="qiandao-layer qiandao-history-layer">
    <div class="qiandao-layer-con qiandao-radius">
        <a class="close-qiandao-layer qiandao-sprits" href="javascript:"></a>
        <ul class="qiandao-history-inf clear">
            <li>
                <p>连续签到</p>
                <h4 id="continueDayText">5</h4>
            </li>
            <li>
                <p>本月签到</p>
                <h4 id="signedInNumberOfMonth">17</h4>
            </li>
            <li>
                <p>总共签到数</p>
                <h4 id="signedInNumber">28</h4>
            </li>
            <li>
                <p>签到累计奖励</p>
                <h4 id="totalAward">30</h4>
            </li>
        </ul>
        <div class="qiandao-history-table">
            <table id="data-table">
                <thead>
                <tr>
                    <th>签到日期</th>
                    <th>说明</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>2016-1-6 14:23:45</td>
                    <td>连续签到19天奖励</td>
                </tr>
                </tbody>
            </table>
            <ul class="pager-list">
                <li class="prev disabled">
                    <a href="javascript:">&lt;</a>
                </li>
                <li class="page-num">
                    <a href="javascript:">1</a>
                </li>
                <li class="page-num active">
                    <a href="javascript:">2</a>
                </li>
                <li class="page-num">
                    <a href="javascript:">3</a>
                </li>
                <li class="next">
                    <a href="javascript:">&gt;</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="qiandao-layer-bg"></div>
</div>
<!-- 我的签到 layer end -->
<!-- 签到 layer start -->
<div class="qiandao-layer qiandao-active">
    <div class="qiandao-layer-con qiandao-radius" style="height: 360px;">
        <a class="close-qiandao-layer qiandao-sprits" href="javascript:"></a>
        <div class="yiqiandao clear">
            <div class="yiqiandao-icon qiandao-sprits"></div>
            <strong id="signInSuccessText">您已连续签到<span>2</span>天</strong>
        </div>
        <div class="qiandao-jiangli qiandao-sprits">
            <span class="qiandao-jiangli-num">0.55<em>元</em></span>
        </div>
        <!--<a class="qiandao-share qiandao-tran" href="#">分享获取双倍收益</a>-->
    </div>
    <div class="qiandao-layer-bg"></div>
</div>
<!-- 签到 layer end -->
<script th:src="@{/script/jquery.min.js}"></script>
<script th:src="@{/layui/layer/layer.js}"></script>
<script th:src="@{/sign-in/js/qiandao_js.js}"></script>
<script type="text/javascript">
    $(function () {
        // 初始化日历
        let loadIndex = layer.load();
        $.getJSON('[[@{/sign-in/getSignedInDateOfMonth}]]', {month: new Date().getMonth() + 1}, function (data) {
            initSignIn(data, {
                signInUrl: '[[@{/doSign}]]',//'[[@{/sign-in/attestation}]]',
                signInHistory: '[[@{/sign-in/signInHistory}]]',
                signInHistoryForPage: '[[@{/sign-in/signInHistoryForPage}]]'
            });
            layer.close(loadIndex);
        });
    });
</script>
</body>
</html>
